<template>
  <el-dialog
    :title="$t('email.validateEmailValidity')"
    :close-on-click-modal="false"
    :visible.sync="show"
    :append-to-body="true"
    :height="800"
    :before-close="handleClose"
    top="5vh"
  >
    <el-scrollbar class="dialog-scrollbar !h-180">
      <VerifyEmail />
    </el-scrollbar>
  </el-dialog>
</template>
<script>
import {
  getAction,
  postAction,
  getUrlAction,
  postUrlAction,
  postLongTimeAction,
} from '@/api/common'
import VerifyEmail from '../verifyEmail/index.vue'
export default {
  name: 'VerifyEmailDialog',
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  components: {
    VerifyEmail,
  },
  data: function () {
    return {}
  },
  watch: {
    show(val) {
      this.$emit('update:show', val)
    },
  },
  methods: {
    handleClose() {
      this.$emit('update:show', false)
    },
  },
}
</script>

<style scoped>
.dialog-scrollbar {
  height: 820px;
}
</style>
